[#include "common/html.ftl" /]
[@html]
    [@head title="DB Adminer" css=["fw", "shield", "vcode", "login"] ]
        <style>

        </style>
    [/@head]
    [@body class="fw-img-boyun-bg" ]
        <input type="hidden" id="captcha-enabled" name="captcha-enabled" value="${captchaEnabled!'no'}" />
    [#--主体内容--]
        <div class="section-boxs">
            <div class="card">
                <input type="hidden" id="oper-flag" name="oper-flag" value="kai-qi-ren-zheng" />
                <div class="head fw-img-boyun-1-bg">
                    <div class="head-title">
                        <span class="head-major-title" >DB Adminer</span>
                        <span class="head-sub-title" >（网页版数据库管理）</span>
                    </div>
                </div>
                <div class="ticket1">
                    <input id="name-input" class="loginName" type="text" name="loginName" spellcheck=false autocomplete="off" placeholder="请输入账号"
                           onfocus="_fοcus()" onblur="_blur()" value="" />
                </div>
                <div class="ticket2">
                    <textarea id="pass-input" class="password" type="password" name="password" spellcheck=false autocomplete="off" placeholder="请输入密码" rows="1" onpaste="this.value=this.value.replace(/\r|\n/ig,'')" onkeyup="this.value=this.value.replace(/\r|\n/ig,'')"></textarea>
                </div>
                <div class="oper-btn">
                    <span id="oper-btn" class="operBtn">開啓認證</span>
                </div>
                <div class="body fw-img-boyun-2-bg">
                    <div class="oper-msg" >
                        <div id="fw-login-msg" class=""></div>
                        <div class="fw-sys-msg">
                            <div class="scroll-box">
                                <ul>
                                    <li>系统温馨告知</li>
                                    <li>数据操作需谨慎，每步别让错误跟</li>
                                    <li>数据安全重如山，违规操作莫要试</li>
                                    <li>系统默默记日志，一切动作难遁形</li>
                                    <li>诚实守信是准则，数据库里航行畅</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="profile" >
                        <div class="slogan slogan-left"><p>数据管理</p></div>
                        <div class="pass-emoji" id="pass-emoji-login" style="display: block;">
                            <div class="emoji emoji--like">
                                <img id="pass-emoji-user-img" src="${ctx}/osfw/framework/login/img/profile_gray.png" width="100%" height="100%"/>
                            </div>
                        </div>
                        <div class="pass-emoji" id="pass-emoji-fingerprint" >
                            <div class="container">
                                <span class="text"></span>
                                <svg class="fingerprint fingerprint-base" xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 73 73">
                                    <g class="fingerprint-out" fill="none" stroke-width="2" stroke-linecap="round">
                                        <path class="odd" d="m 25.117139,57.142857 c 0,0 -1.968558,-7.660465 -0.643619,-13.149003 1.324939,-5.488538 4.659682,-8.994751 4.659682,-8.994751"/>
                                        <path class="odd" d="m 31.925369,31.477584 c 0,0 2.153609,-2.934998 9.074971,-5.105078 6.921362,-2.17008 11.799844,-0.618718 11.799844,-0.618718"/>
                                        <path class="odd" d="m 57.131213,26.814448 c 0,0 5.127709,1.731228 9.899495,7.513009 4.771786,5.781781 4.772971,12.109204 4.772971,12.109204"/>
                                        <path class="odd" d="m 72.334009,50.76769 0.09597,2.298098 -0.09597,2.386485"/>
                                        <path class="even" d="m 27.849282,62.75 c 0,0 1.286086,-1.279223 1.25,-4.25 -0.03609,-2.970777 -1.606117,-7.675266 -0.625,-12.75 0.981117,-5.074734 4.5,-9.5 4.5,-9.5"/>
                                        <path class="even" d="m 36.224282,33.625 c 0,0 8.821171,-7.174484 19.3125,-2.8125 10.491329,4.361984 11.870558,14.952665 11.870558,14.952665"/>
                                        <path class="even" d="m 68.349282,49.75 c 0,0 0.500124,3.82939 0.5625,5.8125 0.06238,1.98311 -0.1875,5.9375 -0.1875,5.9375"/>
                                        <path class="odd" d="m 31.099282,65.625 c 0,0 1.764703,-4.224042 2,-7.375 0.235297,-3.150958 -1.943873,-9.276886 0.426777,-15.441942 2.370649,-6.165056 8.073223,-7.933058 8.073223,-7.933058"/>
                                        <path class="odd" d="m 45.849282,33.625 c 0,0 12.805566,-1.968622 17,9.9375 4.194434,11.906122 1.125,24.0625 1.125,24.0625"/>
                                        <path class="even" d="m 59.099282,70.25 c 0,0 0.870577,-2.956221 1.1875,-4.5625 0.316923,-1.606279 0.5625,-5.0625 0.5625,-5.0625"/>
                                        <path class="even" d="m 60.901059,56.286612 c 0,0 0.903689,-9.415996 -3.801777,-14.849112 -3.03125,-3.5 -7.329245,-4.723939 -11.867187,-3.8125 -5.523438,1.109375 -7.570313,5.75 -7.570313,5.75"/>
                                        <path class="even" d="m 34.072577,68.846248 c 0,0 2.274231,-4.165782 2.839205,-9.033748 0.443558,-3.821814 -0.49394,-5.649939 -0.714206,-8.05386 -0.220265,-2.403922 0.21421,-4.63364 0.21421,-4.63364"/>
                                        <path class="odd" d="m 37.774165,70.831845 c 0,0 2.692139,-6.147592 3.223034,-11.251208 0.530895,-5.103616 -2.18372,-7.95562 -0.153491,-13.647655 2.030229,-5.692035 8.108442,-4.538898 8.108442,-4.538898"/>
                                        <path class="odd" d="m 54.391174,71.715729 c 0,0 2.359472,-5.427681 2.519068,-16.175068 0.159595,-10.747388 -4.375223,-12.993087 -4.375223,-12.993087"/>
                                        <path class="even" d="m 49.474282,73.625 c 0,0 3.730297,-8.451831 3.577665,-16.493718 -0.152632,-8.041887 -0.364805,-11.869326 -4.765165,-11.756282 -4.400364,0.113044 -3.875,4.875 -3.875,4.875"/>
                                        <path class="even" d="m 41.132922,72.334447 c 0,0 2.49775,-5.267079 3.181981,-8.883029 0.68423,-3.61595 0.353553,-9.413359 0.353553,-9.413359"/>
                                        <path class="odd" d="m 45.161782,73.75 c 0,0 1.534894,-3.679847 2.40625,-6.53125 0.871356,-2.851403 1.28125,-7.15625 1.28125,-7.15625"/>
                                        <path class="odd" d="m 48.801947,56.125 c 0,0 0.234502,-1.809418 0.109835,-3.375 -0.124667,-1.565582 -0.5625,-3.1875 -0.5625,-3.1875"/>
                                    </g>
                                </svg>
                                <svg class="fingerprint fingerprint-active" xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 73 73">
                                    <g class="fingerprint-out" fill="none" stroke-width="2" stroke-linecap="round">
                                        <path class="odd" d="m 25.117139,57.142857 c 0,0 -1.968558,-7.660465 -0.643619,-13.149003 1.324939,-5.488538 4.659682,-8.994751 4.659682,-8.994751"/>
                                        <path class="odd" d="m 31.925369,31.477584 c 0,0 2.153609,-2.934998 9.074971,-5.105078 6.921362,-2.17008 11.799844,-0.618718 11.799844,-0.618718"/>
                                        <path class="odd" d="m 57.131213,26.814448 c 0,0 5.127709,1.731228 9.899495,7.513009 4.771786,5.781781 4.772971,12.109204 4.772971,12.109204"/>
                                        <path class="odd" d="m 72.334009,50.76769 0.09597,2.298098 -0.09597,2.386485"/>
                                        <path class="even" d="m 27.849282,62.75 c 0,0 1.286086,-1.279223 1.25,-4.25 -0.03609,-2.970777 -1.606117,-7.675266 -0.625,-12.75 0.981117,-5.074734 4.5,-9.5 4.5,-9.5"/>
                                        <path class="even" d="m 36.224282,33.625 c 0,0 8.821171,-7.174484 19.3125,-2.8125 10.491329,4.361984 11.870558,14.952665 11.870558,14.952665"/>
                                        <path class="even" d="m 68.349282,49.75 c 0,0 0.500124,3.82939 0.5625,5.8125 0.06238,1.98311 -0.1875,5.9375 -0.1875,5.9375"/>
                                        <path class="odd" d="m 31.099282,65.625 c 0,0 1.764703,-4.224042 2,-7.375 0.235297,-3.150958 -1.943873,-9.276886 0.426777,-15.441942 2.370649,-6.165056 8.073223,-7.933058 8.073223,-7.933058"/>
                                        <path class="odd" d="m 45.849282,33.625 c 0,0 12.805566,-1.968622 17,9.9375 4.194434,11.906122 1.125,24.0625 1.125,24.0625"/>
                                        <path class="even" d="m 59.099282,70.25 c 0,0 0.870577,-2.956221 1.1875,-4.5625 0.316923,-1.606279 0.5625,-5.0625 0.5625,-5.0625"/>
                                        <path class="even" d="m 60.901059,56.286612 c 0,0 0.903689,-9.415996 -3.801777,-14.849112 -3.03125,-3.5 -7.329245,-4.723939 -11.867187,-3.8125 -5.523438,1.109375 -7.570313,5.75 -7.570313,5.75"/>
                                        <path class="even" d="m 34.072577,68.846248 c 0,0 2.274231,-4.165782 2.839205,-9.033748 0.443558,-3.821814 -0.49394,-5.649939 -0.714206,-8.05386 -0.220265,-2.403922 0.21421,-4.63364 0.21421,-4.63364"/>
                                        <path class="odd" d="m 37.774165,70.831845 c 0,0 2.692139,-6.147592 3.223034,-11.251208 0.530895,-5.103616 -2.18372,-7.95562 -0.153491,-13.647655 2.030229,-5.692035 8.108442,-4.538898 8.108442,-4.538898"/>
                                        <path class="odd" d="m 54.391174,71.715729 c 0,0 2.359472,-5.427681 2.519068,-16.175068 0.159595,-10.747388 -4.375223,-12.993087 -4.375223,-12.993087"/>
                                        <path class="even" d="m 49.474282,73.625 c 0,0 3.730297,-8.451831 3.577665,-16.493718 -0.152632,-8.041887 -0.364805,-11.869326 -4.765165,-11.756282 -4.400364,0.113044 -3.875,4.875 -3.875,4.875"/>
                                        <path class="even" d="m 41.132922,72.334447 c 0,0 2.49775,-5.267079 3.181981,-8.883029 0.68423,-3.61595 0.353553,-9.413359 0.353553,-9.413359"/>
                                        <path class="odd" d="m 45.161782,73.75 c 0,0 1.534894,-3.679847 2.40625,-6.53125 0.871356,-2.851403 1.28125,-7.15625 1.28125,-7.15625"/>
                                        <path class="odd" d="m 48.801947,56.125 c 0,0 0.234502,-1.809418 0.109835,-3.375 -0.124667,-1.565582 -0.5625,-3.1875 -0.5625,-3.1875"/>
                                    </g>
                                </svg>
                            </div>
                        </div>
                        <div class="pass-emoji" id="pass-emoji-user">
                            <div class="emoji emoji--like">
                                <img id="pass-emoji-user-img" src="${ctx}/osfw/framework/login/img/profile.jpg" width="100%" height="100%"/>
                            </div>
                        </div>
                        <div class="pass-emoji" id="pass-emoji-wow">
                            <div class="emoji  emoji--wow">
                                <div class="emoji__face">
                                    <div class="emoji__eyebrows"></div>
                                    <div class="emoji__eyes"></div>
                                    <div class="emoji__mouth"></div>
                                </div>
                            </div>
                        </div>
                        <div class="pass-emoji" id="pass-emoji-sad">
                            <div class="emoji  emoji--sad">
                                <div class="emoji__face">
                                    <div class="emoji__eyebrows"></div>
                                    <div class="emoji__eyes"></div>
                                    <div class="emoji__mouth"></div>
                                </div>
                            </div>
                        </div>
                        <div class="pass-emoji" id="pass-emoji-yay">
                            <div class="emoji  emoji--yay">
                                <div class="emoji__face">
                                    <div class="emoji__eyebrows"></div>
                                    <div class="emoji__mouth"></div>
                                </div>
                            </div>
                        </div>
                        <div class="slogan slogan-right"><p>专业安全</p></div>
                    </div>
                </div>
            </div>
            <div class="vcode am-hide">
                <div class="vcode-header">
                    <span class="search-title">DB Adminer</span>
                    <span id="btn-search-close" class="am-close am-close-spin am-icon-times"></span>
                </div>
                <div class="vcode-body">
                    <div class="vcode-left search am-u-sm-12 am-u-md-10">
                        <div class="terminal">
                            <span id="vcode_refresh" class="am-icon-refresh" ></span>
                        </div>
                        <div class="search__form">
                            <input  id="code_input" type="hidden" name="vcode" value="" />
                            <input class="search__input" type="number" name="vcode" spellcheck=false autocomplete="off" onkeypress="return isNumeric(event)" onkeydown="return isMoreThan(event)" oninput="maxLengthCheck(this)" min="0" max="999999" value="" />
                        </div>
                    </div>
                    <div class="vcode-right am-u-md-2">
                        <div class="vcode-right-shield">
                            <div id="shield" class="shield am-show-lg-only">
                                <ul id="n1"></ul>
                                <ul id="n2"></ul>
                                <ul id="n3"></ul>
                                <ul id="n4"></ul>
                                <ul id="n5"></ul>
                                <ul id="n6"></ul>
                            </div>
                        </div>
                        <div class="vcode-right-msg">
                            <div id="fw-vcode-msg" class="a-inspector-loader"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        [@script js=["fw", "base64", "sm2", "eraser", "shield", "vcode", "login"] ]
            <script type="text/javascript">

                //公钥
            </script>
        [/@script]
    [/@body]
[/@html]
